<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>生活邦荟后台管理系统</title>
		<link rel="stylesheet" href="../../common/css/bootstrap.min.css" />
		<link rel="stylesheet" href="../css/bootstrap-responsive.min.css" />
		<link rel="stylesheet" href="../css/backstage_common.css" />
		<link rel="stylesheet" href="../../common/css/iconfont.css" />
		<link rel="stylesheet" href="../css/interCouponList.css" />
	</head>
	<body>
		<div class="navbar">
			<div class="navbar-inner">
				<div class="container-fluid">
					<a class="brand" href=""><span>生活邦荟</span></a>
				</div>
			</div>
		</div>
		<div class="container-fluid-full">
			<div class="row-fluid">
				<!--侧边栏-->
				<div id="sidebar-left" class="span1">
					<div class="nav-collapse sidebar-nav">
					</div>
				</div>
				<!--主要内容-->
				<div class="" id="content" style="">
					<div class="row-fluid">
						<!--查询条件-->
						<ul class="selected_info form form-horizontal">
							<button class="btn btn-success floatRight" data-toggle="modal" data-target="#myModal">新增分类名</button>
						</ul>
						<table class="table table-striped table-bordered table-hover">
							<tr>
								<th class="col-8">分类名</th>
								<th class="col-4">操作</th>
							</tr>
							<tr>
								<td>分类名</td>
								<td>
									<button class="btn">上移</button>
									<button class="btn">下移</button>
									<button class="btn">显示</button>
									<button class="btn">隐藏</button>
									<button class="btn" data-toggle="modal" data-target="#correctModal">编辑</button>
									<button class="btn btn-danger">删除</button>
								</td>
							</tr>
						</table>
						<div class="page_container"> 
							<ul class="page">
								<li>
									<a>总记录数：<span>188</span>条</a>
								</li>
								<li>
									<a class="" id="firstPage">首页</a> 
								</li>
								<li>
									<a class="" id="prepage">上一页</a> 
								</li>
								<li>
									<a>
										<select>
											<option value="1">1</option>
											<option value="2">2</option>
											<option value="3">3</option>
											<option value="4">4</option>
											<option value="5">5</option>
											<option value="6">6</option>
											<option value="7">7</option>
											<option value="8">8</option>
											<option value="9">9</option>
											<option value="10">10</option>
											<option value="1">1</option>
											<option value="2">2</option>
											<option value="3">3</option>
											<option value="4">4</option>
											<option value="5">5</option>
											<option value="6">6</option>
											<option value="7">7</option>
											<option value="8">8</option>
											<option value="9">9</option>
											<option value="10">10</option>
											<option value="1">1</option>
											<option value="2">2</option>
											<option value="3">3</option>
											<option value="4">4</option>
											<option value="5">5</option>
											<option value="6">6</option>
											<option value="7">7</option>
											<option value="8">8</option>
											<option value="9">9</option>
											<option value="10">10</option>
										</select>
									</a>
								</li>
								<li>
									<a class="" id="nextpage">下一页</a>
								</li>
								<li>
									<a class="" id="lastPage">尾页</a>
								</li>
								<li>
									<a>
										总页数：<span>10</span>页
									</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--添加模态框-->
		<div class="modal hide fade" id="myModal">
		  <div class="modal-header">
		    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
		    <h3>添加券分类</h3>
		  </div>
		  <div class="modal-body">
		  	<div class="form-horizontal">
				<div class="form-group">
					<label class="control-label" for="">分类名：</label>
					<input class="form-control" placeholder="请输入分类名" type="text"  id=""/>
				</div>
		    </div>
		  </div> 
		  <div class="modal-footer">
		    <a href="#" class="btn cancel">取消</a>
		    <a href="#" class="btn btn-primary confirm-type">确认保存</a>
		  </div>
		</div>
		<!--修改图片模态框-->
		<div class="modal hide fade" id="correctModal">
		  <div class="modal-header">
		    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
		    <h3>修改券分类</h3>
		  </div>
		  <div class="modal-body">
		  	<div class="form-horizontal">
				<div class="form-group">
					<label class="control-label" for="">分类名：</label>
					<input class="form-control" placeholder="请输入分类名" type="text"  id=""/>
				</div>
		    </div>
		  </div> 
		  <div class="modal-footer">
		    <a href="#" class="btn cancel">取消</a>
		    <a href="#" class="btn btn-primary confirm-type">确认保存</a>
		  </div>
		</div>
	</body>
	<script src="../../common/js/jquery-1.9.1.min.js"></script>
	<script src="../../common/js/bootstrap.min.js"></script>
	<script src="../js/admin.js"></script>
</html>
